@import '../../scssMixin/generateClassName2.module.scss';
@import '../../scss/vars.module.scss';
$--card-gutter: 8px;
@include z('card-row') {
    margin-left: -$--card-gutter;
    margin-right: -$--card-gutter;
    & > div {
        padding-left: $--card-gutter;
        padding-right: $--card-gutter;
    }
}
$--simple-gutter: 20px;
@include z('simple-row') {
    margin-left: -$--simple-gutter;
    margin-right: -$--simple-gutter;
    & > div {
        padding-left: $--simple-gutter;
        padding-right: $--simple-gutter;
    }
}

$--card-title-color: $heading-color;

@include z('list-table') {
    .ant-table-body {
        background-color: white;
        border-radius: 4px;
    }
    .ant-table-thead > tr > th {
        border: 0;
        position: relative;
        z-index: 0;
    }
    .ant-table-tbody > tr > td {
        border: 0;
        position: relative;
        z-index: 0;
    }
    .ant-table-tbody > .ant-table-row:nth-of-type(even) {
        background: $table-header-sort-bg;
    }
    .ant-table-tbody > .ant-table-expanded-row:nth-of-type(even) {
        background: $table-header-sort-bg;
    }

    .ant-table-thead > tr:first-child > th:last-child {
        border-top-right-radius: 0;
    }
    .ant-table-thead > tr:first-child > th:first-child {
        border-top-left-radius: 0;
    }
    // .ant-table-pagination {
    // 	margin-right: 24px !important;
    // }
    .ant-radio-inner,
    .ant-checkbox-inner {
        border-color: darken($border-color-base, 10%);
    }
}
@include z('list-card') {
    .ant-card-actions {
        background-color: transparent;
        & > li {
            margin: 10px 0;
            & > span {
                display: block;
                width: 100%;
            }
            .z-list-card-btns {
                height: 100%;
            }
        }
    }
    .ant-card-body {
        overflow: hidden;
        padding: 15px;
    }

    @include z('list-block-btn') {
        border-radius: $--card-radius;
    }
    @include z('card') {
        border-radius: $--card-radius;
    }
}

@include z('list-card-title') {
    color: $--card-title-color;
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 12px;
    &:hover {
        color: $--primary-7;
        cursor: pointer;
    }
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
@include z('list-card-content') {
    margin-bottom: 12px;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

@include z('list-block-btn') {
    padding: 10px 0;
    width: 100%;
    height: auto;
}
// @include z("list-simple-col"){
//     min-width: 380px;
// }
$--sim-p: 13px;
$--icon-w: 60px;
@include z('list-simple') {
    box-sizing: border-box;
    display: flex;
    @include z('list-simple-left') {
        width: $--icon-w + $--sim-p * 2;
        padding: $--sim-p;
    }
    @include z('list-simple-right') {
        overflow: hidden;
        flex: 1;
        padding: $--sim-p;
    }

    @include z('list-simple-icon') {
        display: block;
        text-align: center;
        width: $--icon-w;
        height: $--icon-w;
        line-height: $--icon-w;
        border-radius: $--icon-w/2;
        // background-image: linear-gradient(-180deg, #00acff 0%, #0074ff 100%);
        font-size: 24px;
        color: #ffffff;
        text-shadow: rgba(2, 38, 81, 0.5);
        i {
            font-size: 24px;
        }
    }
    @include z('simple-link') {
        font-size: 16px;
        i {
            font-size: 14px !important;
            margin-left: 8px;
        }
    }
}
@include z('control-icon') {
    display: inline-block;
    padding: 4px;
    vertical-align: middle;
    color: #0a1131;
    margin-left: 10px;
    border-radius: 3px;
    cursor: pointer;
    &:hover {
        background-color: #e8e8ed;
    }
}

@include z('control-group') {
    .ant-checkbox-group-item {
        display: block;
    }
    .ant-checkbox-group-item:not(:first-child) {
        margin-top: 5px;
    }
}
